<!--
 * @文件名称：  Home.vue
 * @包路径：
 * @版权所有： 小树苗 (C) 2020
 *
 * @文件描述:
 * @版本:
 * @作者        zhangshumiao
 * @创建时间    2020/4/11 12:49
 *
 * @修改记录：
  -----------------------------------------------------------------------------------------------
   ----------- 时间      |   修改人    |     修改的方法       |         修改描述   ---------------
  -----------------------------------------------------------------------------------------------
-->
<template>
  <el-row class="container">
    <header>
      <div class="headerImg">
        <img src="./../assets/images/login.png" alt=""><p>小树苗</p>
      </div>
      <div class="loginOut">登出</div>
    </header>
    <main>
      <div class="zsmMenu">
        <el-menu default-active="1-4-1" router :collapse="isCollapse">
          <el-submenu v-for="(item, index) in $router.options.routes" :key="index" v-if="item.menuShow">
            <template slot="title"><i class="el-icon-location"></i><span slot="title">{{item.name}}</span></template>
            <el-menu-item-group v-for="(value, indexs) in item.children" :key="indexs">
              <el-menu-item>{{value.name}}</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-menu-item-group v-else>
            <el-menu-item>{{item.name}}</el-menu-item>
          </el-menu-item-group>
        </el-menu>
      </div>
      <div class="div">
        <div class="zsmContent"></div>
      </div>
    </main>
  </el-row>
</template>

<script>
export default {
  name: 'Home',
  data() {
    return {
      isCollapse: false
    }
  },
  mounted() {
    console.log(this.$router.options.routes);
  }
}
</script>

<style>

</style>
